<script setup lang="ts">
import { EnumOpType } from "@renderer/assets/types";
import GroupBtnWithDropdown from "@renderer/view/components/components/GroupBtnWithDropdown.vue";

const items = [
  { title: "Click Me" },
  { title: "Click Me" },
  { title: "Click Me" },
  { title: "Click Me 2" },
];
</script>

<template>
  <group-btn-with-dropdown
    :disabled="true"
    tips="伪彩"
    :op-type="{
      type: EnumOpType.pseudoColor,
      subType: ''
    }"
    icon="mdi-palette">
    <template #dropdownSlot>
      <v-list>
        <v-list-item v-for="(item, index) in items"
                     :key="index" :value="index">
          <v-list-item-title>{{ item.title }}</v-list-item-title>
        </v-list-item>
      </v-list>
    </template>
  </group-btn-with-dropdown>
</template>

<style scoped>

</style>
